(function(){
        var myChart=echarts.init(document.getElementById('center2'));
        var option = {
          geo: {map: 'china',
		        aspectScale: 0.85,
		        layoutCenter: ["53%", "53%"], //地图位置
		        layoutSize: '80%',
		        itemStyle: {
		            normal: {
		                shadowColor: '#276fce',
		                shadowOffsetX: 0,
		                shadowOffsetY: 15,
		                opacity: 0.5,
		            },
		            emphasis: {
		                areaColor: '#276fce',
		            }
		        },
		        regions: [{
		            name: '南海诸岛',
		            itemStyle: {
		                areaColor: 'rgba(0, 10, 52, 1)',

		                borderColor: 'rgba(0, 10, 52, 1)',
		                normal: {
		                    opacity: 0,
		                    label: {
		                        show: false,
		                        color: "#009cc9",
		                    }
		                },
		            },
		            label: {
		                show: false,
		                color: '#FFFFFF',
		                fontSize: 12,
		            },
		        }],

		    },
          series: [                            
		       {type: 'map',
		            mapType: 'china',
		            aspectScale: 0.85,
		            layoutCenter: ["53%", "53%"], //地图位置
		            layoutSize: '80%',
		            zoom: 1, //当前视角的缩放比例
		            // roam: true, //是否开启平游或缩放
		            scaleLimit: { //滚轮缩放的极限控制
		                min: 1,
		                max: 2
		            },
		            itemStyle: {
		                normal: {
		                    areaColor: '#0c274b',
		                    borderColor: '#1cccff',
		                    borderWidth: 1.5
		                },
		                emphasis: {
		                    areaColor: '#02102b',
		                    label: {
		                        color: "#fff"
		                    }
		                }
		            },
		        },
		       {type: 'lines',
		            zlevel: 3,
		            symbol: 'circle',
		            symbolSize: [5, 5],
		            color: '#ff8003',
		            opacity: 1,
		            label: {
		                show: true,
		                padding: [10, 20],
		                color: '#fff',
		                backgroundColor: "#1a3961",
		                borderColor: '#aee9fb',
		                borderWidth: 1,
		                borderRadius: 6,
		                formatter(params) {

		                    let arr = [params.name, "管理项目数：" + params.value[1] + "个", "管理面积：" + params.value[0] + "万平方米"];
		                    return arr.join("\n")
		                },
		                textStyle: {
		                    align: 'left',
		                    lineHeight: 20,
		                }		             
		            },
		            lineStyle: {
		                type: 'solid',
		                color: '#fff',
		                width: 0.5,
		                opacity: 1,

		            },
		            data: [{name: "郑洛区域",coords: [[113.6401, 34.7246],[132.7458, 45.5081]],value: [100, 50]},
		                   {name: "福州区域",coords: [[119.2734, 26.0476],[132.3942, 30.8128]],value: [15, 2]},
			               {name: "广州区域",coords: [[113.2732, 23.1579],[70.7810, 26.9337]],value: [30, 10]},],
		      },
		       {type: 'effectScatter',
		        coordinateSystem: 'geo',
		        zlevel: 2,
		        symbolSize: 10,
		        rippleEffect: {
		                period: 3,
		                scale: 5,
		                brushType: 'fill'
		            },
		        label: {
		                normal: {
		                    show: true,
		                    position: 'right',
		                    formatter: '{b}',
		                    color: '#b3e2f2',
		                    fontWeight: "bold",
		                    fontSize: 16
		                }
		               },
		        data: [{name: "郑洛区域",value: [113.6401, 34.72468]},
		               {name: "福州区域",value: [119.27345, 26.04769]},
			           {name: "广州区域",value: [113.27324, 23.15792]},],
		        itemStyle: { 
		                    show: true,
		                    color: '#ff8003',
		                    shadowBlur: 20,
		                    shadowColor: '#fff'
		                },
		        emphasis: {
		             areaColor: '#f00'
		                }
		        },	        
                ]
                    };
           myChart.setOption(option);
})();